<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>组件 | vue-amap</title>
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4.11.6/lib/themes/vue.css">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/vuep/dist/vuep.css">

  <script src="//cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
  <script src="//cdn.jsdelivr.net/npm/vuep/dist/vuep.min.js"></script>
  <script src="https://a.amap.com/jsapi_demos/static/demo-center-v2/three.js" ></script>
</head>
<body>
  <div id="app"></div>
</body>
<script>
  window.$docsify = {
    loadSidebar: true,
    coverpage: true,
    auto2top: true,
    alias: {
      '/zh-cn/.*/_sidebar.md': '/_sidebar.md'
    }
  }
</script>

<style>
  .vuep {
    flex-direction: column;
    clear: both;
    overflow: hidden;
    box-shadow: 0 0 13px #a0a0a0;
    height: auto;
    margin: 30px 0;
  }

  .vuep-editor {
    height: 300px;
  }

  .vuep-editor,
  .vuep-preview {
    width: auto;
    overflow: visible;
    margin-right: 0;
  }

  .vuep-preview {
    padding: 0;
  }

  .amap-demo {
    height: 300px;
  }

  .toolbar {
    padding: 10px;
  }

  .toolbar button{
    background: #42b983;
    border: 0;
    color: white;
    padding: 8px;
    margin: 0 5px;
    border-radius: 3px;
    cursor: pointer;
  }

  .search-box {
    position: absolute;
    top: 15px;
    left: 20px;
  }

  .amap-page-container {
    position: relative;
  }
</style>

<script type="text/javascript">


  window.VueAMap.initAMapApiLoader({
    key: '747f980f217a31ba68d99301045a3fa7',
  });

</script>
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?3fe9379fb6c9aa3e6a2ed9b209449f32";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>


<script src="//cdn.jsdelivr.net/npm/docsify@4.11.6/lib/docsify.min.js"></script>
</html>
